﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="PropertyManagement._default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        body{
            width:798px;
            margin:0 auto;
        }
        #main{
            width:798px;
            margin:0 auto;
        }
        #div0{
            width:798px;
            height:172px;
        }
        #div1{
            width:100%;
            height:142px;
            background-image:url("./picture/index_05.jpg")
        }
        #div2{
            width:100%;
            height:30px;
            background-color:#f6aa51;
        }
        #ul1 {
            width: 100%;
            list-style: none;
            margin: 0 auto;
            background-color:#f6aa51;
            text-align:center;
        }
        #ul1 li{
            width:100px;
            float:left;
            border-right:1px dashed #fff;
            
        }
        #ul1 li:first-child{
            border-left:1px dashed #fff;
        }
        #ul1 li:hover{
            background-color:#ff6a00;
        }
        #ul1 li a{
            display:block;
            width:100px;
            height:30px;
            line-height:30px;
            text-align:center;
            text-decoration:none;
            font-size:16px;
            color:#fff;
        }
        #conter{
            width:798px;
            height:682px;
        }
        #div21{
            width:240px;
            height:652px;
            float:left;
            margin-top:5px;
            padding:0;
        }
        #div211{
            width:100%;
            height:190px;
        }
        #div212{
            width:100%;
            height:482px;
        }
        #div22{
            width:546px;
            height:452px;
            float:right;
            margin-top:5px;
            padding:0;
        }
        #div221,#div222{
            width:546px;
            height:326px;
            margin-top:10px;
            background-color:#e1eff7;
        }
        #div211{
            width:230px;
            height:180px;
            border:2px solid #f49b5b;
            border-radius:10px;
        }
        #div2111{
            width:230px;
            height:41px;
            background-image:url("../picture/dengl_01.jpg");
            margin-top:-2px;
            margin-left:-2px;
            margin-bottom:5px;
        }
        #div2112{
            width:230px;
            height:139px;
            text-align:center;
        }
        #dianji{
            width:230px;
            height:139px;
            text-decoration:none;
            font-family:"楷体";
            font-size:18px;
            text-align:center;
        }
        #Label1{
            font-size:24px;
            color:red;
        }
        #2112{
            width:100%;
            height:452px;
            
        }
        #gonggao{
            width:232px;
            height:187px;
            background-image:url("../picture/zngg.gif");
            margin-top:10px;
        }
        #text{
            font-size:14px;
            padding-top:40px;
            margin-left:20px;
            margin-right:20px;
        }
        #rili{
            margin-top:10px;
            width:230px;
            height:180px;
            border:2px solid #cccccc;
            border-radius:5px;
        }
        #rili01{
            width:230px;
            height:35px;
            background-image:url("../picture/rili_01.jpg"); 
            margin-top:-2px;
            margin-left:-2px;
        }
        #rili02{
            width:100%;
            height:145px;
        }
        #Calendar1{
            margin:5px 10px;
            width:212px;
            height:145px;
            font-size:12px;
        }
        #photo{
            width:232px;
            height:85px;
            background-image:url("./picture/quai.gif");
            margin-top:10px;
        }
        #div11{
            width:546px;
            height:30px;
            background-image:url("./picture/xw.gif");
        }
        #news,#qianfei{
            width:100%;
            list-style:none;
            height:30px;
            margin:0;
            padding:0;
            text-align:center;
            background-color:#4ba9f0
        }
        #news .one,#qianfei .one{
            width:30%;
            float:left;
            height:30px;
            line-height:30px;
            margin:0;
            padding:0;
            
        }
        #news .two,#qianfei .two{
            width:23.3%;
            height:30px;
            line-height:30px;
            float:left;
            margin:0;
            padding:0;
            
        }
        #divQianfei{
            width:546px;
            height:30px;
            background-image:url("./picture/qf.gif");
        }
        #divFooter{
            width: 798px;
            height: 85px;
            background-image:url("./picture/index_07.jpg");
        }
        .style1{
            
            background-color:#99d1f4 !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="main">
            <div id="div0">
            <div id="div1"></div>
            <div id="div2">
                <ul id="ul1">
                    <li><a href="#">首页</a></li>
                    <li><a href="./weihu/selectWeiHu.aspx" target="_blank">设备维护查询</a></li>
                    <li><a href="./qianfei/selectQianFei.aspx" target="_blank">欠费查询</a></li>
                    <li><a href="./tousu/selectTouSu.aspx" target="_blank">投诉查询</a></li>
                    <li><a href="./yuanGong/selectYuanGong.aspx" target="_blank">员工信息查询</a></li>
                    <li><a href="./zhuhu/selectZhuHu.aspx" target="_blank">住户信息查询</a></li>
                    <li><a href="./AnNui.aspx" target="_blank">显示全部信息</a></li>
                </ul>
            </div>
        </div>
        <div id="conter">
            <div id="div21">
        <div id="div211">
            <div id="div2111"></div>
              <div id="div2112">
                  <asp:Panel ID="Panel1" runat="server" Height="46px" Width="227px">
                      &nbsp;<br />
                    <a href="login.aspx" target="_blank" id="dianji">
                        快来点击这里<br />
                        <asp:Label ID="Label1" runat="server" Text=" 登录 "></asp:Label>吧
                    </a>
                </asp:Panel>

                <asp:Panel ID="Panel2" runat="server" Height="74px" Width="229px">
                    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                </asp:Panel>
              </div>
        </div>
        <div id="div212">
            <div id="gonggao">
                <div id="text">
                    <p>通知  本小区丽里广场，3单元5栋楼道明天下午5点停水，停水时间从晚5点到晚9点，望广大住户周知。</p>
                    <p>2020年06月06日</p>
                </div>
            </div>
            <div id="rili">
                <div id="rili01"></div>
                <div id="rli02">
                    <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
                </div>
            </div>
            <div id="photo"></div>
        </div>
    </div>
    <div id="div22">
        <div id="div221">
            <div id="div11"></div>
             <ul id="news">
                <li class="one">新闻标题</li>
                <li class="two">发布日期</li>
                <li class="two">新闻状态</li>
                <li class="two">详细信息</li>

                <% foreach (System.Data.DataRow row in dt.Rows)
                   {
                %>    
                <li class="one"><% =row["stitle"] %></li>
                <li class="two"><% =Convert.ToDateTime(row["stime"]).ToShortDateString() %></li>
                <li class="two"><% =row["sstatus"] %></li>
                <li class="two"><a target="_blank" href="../xinwen/browerOne.aspx?pid=<% =row["id"] %> ">详细信息</a></li>
                <% } %>
             </ul>
          </div>
        <div id="div222">
            <div id="divQianfei"></div>
            <ul id="qianfei">
                <li class="one">欠费姓名</li>
                <li class="two">欠费时间</li>
                <li class="two">欠费类别</li>
                <li class="two">详细信息</li>

                <% foreach (System.Data.DataRow row in dt2.Rows)
                   {
                %>    
                <li class="one"><% =row["sname"] %></li>
                <li class="two"><% =Convert.ToDateTime(row["stime"]).ToShortDateString() %></li>
                <li class="two"><% =row["sstatus"] %></li>
                <li class="two"><a href="../qianfei/browerOne2.aspx?pid=<% =row["id"] %> " target="_blank">详细信息</a></li>
                <% } %>
             </ul>
                
        </div>
    </div>
        </div>
    <div id="divFooter"></div>
        </div>
    </form>
</body>
    <script type="text/javascript">
        var lis = document.getElementById('news').getElementsByTagName('li');
        console.log(lis);
        for (var i = 0; i < lis.length; i++) {
            if (i % 8 == 0 & i != 0) {
                lis[i].className += " style1";
                lis[i+1].className += " style1";
                lis[i+2].className += " style1";
                lis[i+3].className += " style1";
            }
        };
        var lis2 = document.getElementById('qianfei').getElementsByTagName('li');
        console.log(lis2);
        for (var j = 0; j < lis2.length; j++) {
            if (j % 8 == 0 & j != 0) {
                lis2[j].className += " style1";
                lis2[j + 1].className += " style1";
                lis2[j + 2].className += " style1";
                lis2[j + 3].className += " style1";
            }
        };
    </script>
</html>
